<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美食</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/eat.css">
    <script src="bootstrap/js/jquery-3.5.1.slim.min.js"></script>
    <script src="bootstrap/js/popper.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</head>

<body>
    <!-- 导航条 -->
    <nav class="navbar navbar-expand-sm bg-warning navbar-dark">
        <a href="#" class="navbar-brand"><img src="./img/Logo-travel.jpg" alt="" height="50px"></a>
        <button class="navbar-toggler" type="button" data-toggle='collapse' data-target="#navtop">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse " id="navtop">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item  ">
                    <a href="index.html" class="nav-link">首页</a>
                </li>
                <li class="nav-item ">
                    <a href="history.html" class="nav-link">历史文化</a>
                </li>
                <li class="nav-item active">
                    <a href="eat.html" class="nav-link">地方特色小吃</a>
                </li>
                <li class="nav-item ">
                    <a href="scenery.html" class="nav-link ">景点详情</a>
                </li>
            </ul>
            <form action="" class="form-inline my-2 my-lg-0">
                <input type="search" class="form-control mr-2  " placeholder="阳朔西街景区">
                <button class="btn btn-outline-primary my-2 my-sm-0" type="submit">搜索</button>
            </form>
        </div>

    </nav>





    <!-- <div class="position-relative">
   
   
</div> -->
    <div class="container position-relative">
        <!-- 导航盒子 -->
        <div class="box">
            <ul>
                <li><a href="#beidi">本地特色美食</a></li>
                <li><a href="#bendi1">特色产品</a></li>
                <li><a href="#cc" rel="nofollow" id="linkc">桂林三宝</a></li>

            </ul>
        </div>
        <!-- 轮播图 -->
        <div id="lunbo" class="carousel slide mt-3" data-ride="carousel" data-interval="2000">
            <div class="carousel-inner ">
                <div class="carousel-item active">
                    <img src="img/桂林米粉.webp" alt="" class="w-100" height="500px">
                </div>
                <div class="carousel-item ">
                    <img src="img/桂林田螺.webp" alt="" class="w-100" height="500px">
                </div>
                <div class="carousel-item ">
                    <img src="img/阳朔啤酒鱼.webp" alt="" class="w-100" height="500px">
                </div>
                <div class="carousel-item ">
                    <img src="img/荔浦扣肉.webp" alt="" class="w-100" height="500px">
                </div>
            </div>
            <ul class="carousel-indicators">
                <li data-target="#lunbo" data-slide-to="0" class="active"></li>
                <li data-target="#lunbo" data-slide-to="1"></li>
                <li data-target="#lunbo" data-slide-to="2"></li>
                <li data-target="#lunbo" data-slide-to="3"></li>
            </ul>
            <a href="#lunbo" class="carousel-control-prev" role="button" data-slide='prev'>
                <span class=" carousel-control-prev-icon"></span>
            </a>
            <a href="#lunbo" class="carousel-control-next" role="button" data-slide="next">
                <span class=" carousel-control-next-icon"></span>
            </a>
        </div>
    </div>





    <div class="container">
        <h3 class="mt-3 mb-0" id="bendi"><strong>本地特色美食</strong></h3>
        <ul class="goods clearfix">
            <li>
                <img src="img/桂林米粉.webp" alt="">
                <div class="describe">
                    <p><span>【当地推荐】</span>桂林米粉是桂林市的一道传统小吃，属于桂菜系；该菜品以早籼米和卤水为原料。</p>

                </div>
            </li>
            <li>
                <img src="img/荔浦扣肉.webp" alt="">
                <div class="describe">
                    <p><span>【当地推荐】</span>此菜色泽金黄，芋片肉片松软爽口，油而不腻，浓香四溢。具有清热祛火、滋润肤色功能。</p>

                </div>
            </li>
            <li>
                <img src="img/阳朔啤酒鱼.webp" alt="">
                <div class="describe">
                    <p><span>【当地推荐】</span>阳朔“啤酒鱼”，是阳朔有名的地方特色菜，鱼肉鲜辣可口，无一丝鱼本身的腥味，啤酒和鱼肉的香味可以让人胃口大开</p>

                </div>
            </li>
            <li>
                <img src="img/全州禾花鱼.webp" alt="">
                <div class="describe">
                    <p><span>【当地推荐】</span>全州禾花鱼为长时期稻田放养驯化选育品种。</p>

                </div>
            </li>
            <li>
                <img src="img/桂林米粉.webp" alt="">
                <div class="describe">
                    <p><span>【当地推荐】</span>桂林米粉是桂林市的一道传统小吃，属于桂菜系；该菜品以早籼米和卤水为原料。</p>

                </div>
            </li>
            <li>
                <img src="img/荔浦扣肉.webp" alt="">
                <div class="describe">
                    <p><span>【当地推荐】</span>此菜色泽金黄，芋片肉片松软爽口，油而不腻，浓香四溢。具有清热祛火、滋润肤色功能。</p>

                </div>
            </li>
            <li>
                <img src="img/阳朔啤酒鱼.webp" alt="">
                <div class="describe">
                    <p><span>【当地推荐】</span>阳朔“啤酒鱼”，是阳朔有名的地方特色菜，鱼肉鲜辣可口，无一丝鱼本身的腥味，啤酒和鱼肉的香味可以让人胃口大开</p>

                </div>
            </li>
            <li>
                <img src="img/全州禾花鱼.webp" alt="">
                <div class="describe">
                    <p><span>【当地推荐】</span>全州禾花鱼为长时期稻田放养驯化选育品种。</p>

                </div>
            </li>
        </ul>
        <h3 class="mt-3 mb-0 " id="bendi1"><strong>特色产品</strong></h3>
        <ul class="goods clearfix">
            <li>
                <img src="img/清水石.jpg" alt="">
                <div class="describe">
                    <p>清水石只产于桂林的漓江中，是一种江卵石，它与同产于漓江中的画山石是桂林漓江观赏石主要的收藏石品种</p>
                </div>
            </li>
            <li>
                <img src="img/全州湘山酒.webp" alt="">
                <div class="describe">
                    <p>湘山酒系以全州本地优质金稻大米为原料，秉成一千多年的米酒酿造经验并糅和现代工艺酿造而成。</p>
                </div>
            </li>
            <li>
                <img src="img/桂林罗汉果.webp" alt="">
                <div class="describe">
                    <p>桂林罗汉果果实椭圆形或近圆形，果实横径4.5厘米-6.5厘米，果面从基部至顶部具脉纹。鲜果果皮黄绿色，有黄色短柔毛，果瓤（中、内果皮）海绵状，黄白色；干果果皮黄绿色至黄褐色，有弹性，相碰有清脆音，果瓤（中、内果皮）海绵状，黄白色至黄棕色，纤维绒细，籽多呈扁圆形。气微，味甜
                    </p>
                </div>
            </li>
            <li>
                <img src="img/壮锦.webp" alt="">
                <div class="describe">
                    <p>壮锦壮文称为mbaw laiz
                        fax，意为天纹之页，这种利用棉线或丝线编织而成的精美工艺品，图案生动，结构严谨，色彩斑斓，充满热烈、开朗的民族格调，体现了壮族人民对天地的崇拜和对美好生活的追求与向往。</p>
                </div>
            </li>
        </ul>
        <h3 class="mt-3 mb-0" id="cc"><strong>桂林三宝</strong></h3>
        <ul class="goods clearfix">
            <li>
                <img src="img/桂林三宝-三花酒.webp" alt="">
                <div class="describe">
                    <p>“桂林三宝”之一三花酒，桂林三花酒是中国米香型白酒的代表，被誉为米酒之王，是桂林人的骄傲。</p>
                </div>
            </li>
            <li>
                <img src="img/桂林豆腐乳.webp" alt="">
                <div class="describe">
                    <p>腐乳又称豆腐乳、乳腐、霉豆腐等，是以大豆为原料，经加工磨浆、制坯、培菌、发酵而制成的调味、佐餐制品，是中国传统民间美食，早在魏代就发明的发酵豆制品之一，在东南亚地区同样存在。</p>
                </div>
            </li>
            <li>
                <img src="img/桂林西瓜霜.webp" alt="">
                <div class="describe">
                    <p>西瓜霜，中药名。为葫芦科植物西瓜的成熟果实与芒硝经加工而成的白色结晶粉末，也是一种中药，它的具体做法为：取新鲜西瓜，沿蒂头切一厚片作顶盖，挖去瓜瓤及种子，将芒硝填入瓜内，盖上顶盖，用竹签插牢，放入瓦盆内，盖好，置阴凉通风处，待析出白霜时，随时刷下，直至无白霜析出为度。
                    </p>
                </div>
            </li>
        </ul>
    </div>


    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px" y="0px" viewBox="0 0 1440 126" style="enable-background:new 0 0 1440 126;" xml:space="preserve">
        <path class="bg-black " d="M685.6,38.8C418.7-11.1,170.2,9.9,0,30v96h1440V30C1252.7,52.2,1010,99.4,685.6,38.8z">
        </path>
    </svg>
    <footer class="bg-black pb-5 mt-fu1">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md mr-4">
                    <i class="fas fa-copyright text-white"></i>
                    <small class="d-block mt-3 mb-3 text-muted">© 2024-2028 32302140326 李承林 版权所有</small>
                </div>

                <div class="col-6 col-md">
                    <h5 class="mb-4 text-white">旅游帮助</h5>
                    <ul class="list-unstyled text-small">
                        <li><a class="text-muted" href="zixun.html">旅游咨询</a>
                        </li>
                        <li><a class="text-muted"
                                href="https://www.guilin.com.cn/raiders?id=a37a5fff-b84b-0d16-bbdd-3a0334e30ae2">如何到达</a>
                        </li>
                        <li><a class="text-muted" href="https://www.guilin.com.cn/play/line">旅游指南</a></li>
                        <li><a class="text-muted erweiFather" href="#">公众号
                                <div class="erwei">
                                    <img src="img/桂林旅游官方公众号二维码.jpg" alt="">
                                </div>
                            </a></li>
                        <li><a class="text-muted" href="https://www.guilin.com.cn/serve">附近地图</a></li>
                    </ul>
                </div>
                <div class="col-6 col-md">
                    <h5 class="mb-4 text-white">景区</h5>
                    <ul class="list-unstyled text-small">
                        <li><a class="text-muted" href="https://www.guilin.com.cn/play/scenic">漓江景区</a></li>
                        <li><a class="text-muted" href="#">象鼻山景区</a></li>
                        <li><a class="text-muted" href="#">阳朔西街景区</a></li>
                        <li><a class="text-muted" href="#">两江四湖景区</a></li>
                    </ul>
                </div>
                <div class="col-6 col-md">
                    <h5 class="mb-4 text-white">关于我们</h5>
                    <ul class="list-unstyled text-small">
                        <li><a class="text-muted" href="#">联系导游</a></li>
                        <li><a class="text-muted" href="#">柠檬旅游公司</a></li>
                        <li><a class="text-muted" href="#">桂林旅游局</a></li>
                        <li><a class="text-muted" href="#">紧急电话</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <script>

    </script>



</body>

</html>